<%--
  Created by IntelliJ IDEA.
  User: 骆鹏
  Date: 2017/7/12
  Time: 15:290
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@taglib prefix="mvc" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="fmt" uri="http://www.springframework.org/tags" %>
<!DOCTYPE HTML>
<html>
<head>
    <title>设置关联流程</title><%--设置关联应用--%>
    <link rel="stylesheet" href="../../lib/layui/layui/css/layui.css">
    <link rel="stylesheet" href="/css/workflow/work/automaticNumbering.css">
    <link rel="stylesheet" type="text/css" href="/css/commonTheme/${sessionScope.InterfaceModel}/commonTheme.css"/>
    <link rel="stylesheet" href="/lib/layui/layui/css/layui.css">
    <link rel="stylesheet" href="/lib/zTree_v3/css/zTreeStyle/zTreeStyle.css">
    <link rel="stylesheet" href="/lib/layui/layui/css/style.css?20200325.1">
    <link rel="stylesheet" href="/lib/layui/layui/css/common.css">
    <link rel="stylesheet" href="/lib/layui/layui/css/eleTree.css">

    <script>

        function getCookie(name)
        {
            var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
            if(arr=document.cookie.match(reg))
                return unescape(arr[2]);
            else
                return null;
        }

        var oHead = document.getElementsByTagName('HEAD').item(0);

        var oScript= document.createElement("script");
        var type = getCookie("language");
        oScript.type = "text/javascript";

        if(type){
            oScript.src="/js/Internationalization/"+type+".js";
        }else{
            oScript.src="/js/Internationalization/zh_CN.js";
        }
        oHead.appendChild( oScript);
    </script>
    <script type="text/javascript" src="/js/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="/lib/layer/layer.js?20201106"></script>
    <script src="/lib/layui/layui/layui.js"></script>
    <script type="text/javascript" src="/js/base/base.js"></script>
    <script type="text/javascript" src="/lib/jquery.form.min.js"></script>
    <script src="/js/workflow/work/workform.js"></script>
    <script src="/js/workflow/flowModelAssociationSet/reportSettingsList.js"></script>
    <script type="text/javascript" src="/js/jquery/jquery-1.9.1.js"></script>
    <script src="/lib/jquery.form.min.js"></script>
    <script src="/lib/layui/layui/layui.js"></script>
    <script src="/lib/layui/layui/js/common.js" type="text/javascript" charset="utf-8"></script>
    <script src="/lib/layui/layui/js/baseCode/base.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="/lib/layui/layui/global.js?20191126"></script>
    <script src="/js/base/base.js" type="text/javascript" charset="utf-8"></script>

    <style>
        .cardWrap{
            /*margin-top: 20px;*/
            width: 100%;
            height:auto;
            min-height: 500px;
        }
        .card{
            width: 277px;
            height: 233px;
            border: 1px solid #cccccc;
            border-top: 4px solid #0081ef;
            border-radius: 3px;
            background: #fcfdff;
            margin-left: 32px;
            margin-right: 22px;
            margin-top: 40px;
            float: left;
            position: relative;
        }
        .mainBottom .btnA{
            width: 80px;
            color: #fff;
            border-radius: 6px;
            cursor: pointer;
            height: 40px;
            line-height: 28px;
            padding-left: 27px;
            font-size: 20px;
            background: url(/img/cabinet01.png) no-repeat !important;
            background-size: 80px 40px;
        }
        .cardHead{
            width: 100%;
            height: 33px;
            border-bottom: 1px solid #b0d2fc;
            color: #0081ef;
            font-size: 16px;
            line-height: 33px;
        }
        .cardHead .checkOut{
            width: 120px;
            height: 21px;
            font-size: 14px;
            position: absolute;
            top: -4px;
            left: -4px;
        }
        .cardHead .checkOut input{
            width: 21px;
            height: 21px;
        }
        .headImg{
            width: 100%;
            height: 95px;
        }
        .portrait{
            width: 74px;
            height: 74px;
            float: left;
            margin-top: 10px;
            margin-left: 16px;
        }
        .portrait img{
            width: 74px;
            height: 74px;
        }
        .nameDetail{
            height: 74px;
            float: left;
            color: #333333;
            margin-top: 10px;
            margin-left: 15px;
        }
        .nameDetail .name1{
            font-size: 18px;
            margin-top:0px;
            font-weight: bold;
        }
        .nameDetail .nameStatus{
            font-size: 16px;
        }
        .details{
            margin-left: 20px;
            line-height: 25px;
            font-size: 14px;
        }
        .cardHead input{
            width: 32px;
            height: 17px;
            vertical-align: middle;

        }
        .setting{
            color:#0081ef;
            font-size:12px;
            float:right;
            margin-right:10px;
            cursor:pointer;
        }
        .sets .layui-form-select{
            width:90px;
        }
        .deWd{
            display: inline-block;
            width: 107px;
        }
        .deWds{
            display: inline-block;
            width: 150px;
        }
        #sets .inputlayout ul li > .layui-unselect{
            width:150px;
        }
    </style>
    <style>
        .inputlayout>ul ul>li.active {
            background: #4898d5;
            color: #fff;
        }
        .navigation .left{
            line-height: 45px;
            height: 45px;
            border-bottom: 1px solid #999;
        }
        .header{
            font-size:22px;
        }
    </style>
    <style>
        .news{
            cursor: pointer;
        }
        .newsBtn{
            padding: 0px 22px 0px 32px;
        }
    </style>

</head>
<body style="background: #fff">

<%--关联流程--%>
<div class="maintop clearfix" style="border-bottom: 1px solid #9E9E9E">
    <p style="margin-left: 10px">
        <img src="/img/commonTheme/${sessionScope.InterfaceModel}/jiekous.png" style="width: 25px;height: 24px;vertical-align: text-bottom;" alt="">
        <label  style=" font-size: 22px !important; color: #333333;">设置关联流程</label><%--内部接口配置--%>
    </p>
</div>
<div class="mainBottom" style="margin-top: 21px;">
    <div class="header">
        设置关联流程
    </div>
    <a  class="newsBtn newsBtntwo" style="float: right;margin-right: 3%;margin-top: -25px;margin-bottom: 0;" href="javascript:void (0);" data-num="0">
        <img style="margin-right: 7px;margin-left: -10px;margin-bottom: 3px;" src="../../img/mywork/newbuildworjk.png" alt="">
        <fmt:message code="global.lang.new" />
    </a><%--新建--%>
    <table >
        <thead>
        <tr>
            <th class="th" width="10%" align="center"><fmt:message code="workflow.th.Serial" /></th><%--序号--%>
            <%--<th class="th" width="10%" align="center"><fmt:message code="workflow.th.BusinessModule" /></th>&lt;%&ndash;业务模块&ndash;%&gt;--%>
            <th class="th" width="10%" align="center"><fmt:message code="workflow.th.name" /></th><%--名称--%>
            <th class="th" width="10px" align="center"></th><%--数据方向--%>
            <th class="th" width="10%" align="center">关联流程</th><%--流程--%>
            <th class="th" width="20%" align="center"><fmt:message code="workflow.th.DataMapping" /></th><%--数据映射--%>
            <th class="th" width="10%" align="center"><fmt:message code="workflow.th.desc" /></th><%--描述--%>
            <th class="th" width="20%" align="center"><fmt:message code="menuSSetting.th.menuSetting" /></th><%--操作--%>
        </tr>
        </thead>
        <tbody class="list">

        </tbody>
    </table>
</div>

<%--关联卡片--%>
<div class="mainBottom" style="margin-top: 21px;">
    <div class="header">
        设置关联卡片
    </div>
    <a href="javascript:void (0);" class="chooseThere newsBtn" name="cardBtn" style="float: right; margin-right: 3%; margin-top: -25px;">
        <img style="margin-right: 7px;margin-left: -10px;margin-bottom: 3px;" src="../../img/mywork/newbuildworjk.png" alt="">
        <span  class="btnss">保存</span>
    </a>
</div>
<div class="cardWrap" name="cardWrap">
    <%--个人信息--%>
    <div class="card" lay-value="" lay-name="" dataType="1">
        <input type="hidden" class="relationIpt">
        <input type="hidden" class="relationIptName">
        <div class="cardHead">
            <input type="checkbox"/>
            <img src="/img/workflow/flowsetting/settingApplication/archivesCard.png" style="margin-left: 0px;margin-top: -3px;"/>
            <span class="cardName">个人资料卡片</span>
            <span class="setting" onclick="setting(1)">设置</span>
        </div>
        <div class="headImg">
            <div class="portrait">
                <img src="/img/workflow/flowsetting/settingApplication/menImg.png"/>
            </div>
            <div class="nameDetail">
                <p class="name1" style="margin-top: 6px;">小卓</p>
                <p class="nameStatus">OA管理员</p>
                <p class="nameStatus" >软件研发部</p>

            </div>
        </div>
        <div class="details">
            <p>工作电话：88888888</p>
            <p>手机：18811118888</p>
            <p>邮箱：email@mail.com</p>
            <p>QQ：88888</p>
        </div>
    </div>

    <%--人事档案--%>
    <div class="card" lay-value="" lay-name="" dataType="2">
        <input type="hidden" class="relationIpt">
        <input type="hidden" class="relationIptName">
        <div class="cardHead">
            <input type="checkbox"/>
            <img src="/img/workflow/flowsetting/settingApplication/archivesCard.png" style="margin-left: 0px;margin-top: -3px;"/>
            <span class="cardName">人事档案卡片</span>
            <span class="setting" onclick="setting(2)">设置</span>
        </div>
        <div class="headImg">
            <div class="portrait">
                <img src="/img/workflow/flowsetting/settingApplication/menImg.png"/>
            </div>
            <div class="nameDetail">

                <p class="name1" style="margin-top: 6px;">小卓</p>
                <p class="nameStatus">OA管理员</p>
                <p class="nameStatus" >软件研发部</p>

            </div>
        </div>
        <div class="details">
            <p><span class="deWd">性别：男</span><span class="deWds">年龄：22</span></p>
            <p><span class="deWd">学历：本科</span><span class="deWds">职称：高级工程师</span></p>
            <p><span class="deWd">岗位：HR</span><span class="deWds">入职时间：2019-1-1</span></p>
            <p>户籍：北京市海淀区</p>
        </div>
    </div>

    <%--资产管理--%>
    <div class="card" lay-value="" lay-name="" dataType="3">
        <input type="hidden" class="relationIpt">
        <input type="hidden" class="relationIptName">
        <div class="cardHead">
            <input type="checkbox"/>
            <img src="/img/commonTheme/theme6/fixAssetsManage.png" style="margin-left: 0px;margin-top: -3px;width: 18px;"/>
            <span class="cardName">固定资产卡片</span>
            <span class="setting" onclick="setting(3)">设置</span>
        </div>
        <div class="details">
            <p>固定资产编号：GDZC2019010100008</p>
            <p>资产名称：笔记本电脑</p>
            <p>购买时间：2019-1-1</p>
            <p>品牌型号：华为</p>
            <p>类别：电子产品</p>
            <p>使用年限：三年</p>
            <p>保管人：小卓</p>
            <p>物品状态：使用</p>
        </div>
    </div>

    <%--制度管理--%>
    <div class="card" lay-value="" lay-name="" dataType="4">
        <input type="hidden" class="relationIpt">
        <input type="hidden" class="relationIptName">
        <div class="cardHead">
            <input type="checkbox"/>
            <span class="cardName">制度管理卡片</span>
            <span class="setting" onclick="institution(4)">设置</span>
        </div>
        <div class="details">
            <ul name="details4">

            </ul>
        </div>
    </div>
</div>
</body>
</html>
